<template>
  <div class="detail-wrapper">
    <detail-name :name="name"></detail-name>
    <detail-stars :starNum="starNum" :score="score"></detail-stars>
    <detail-address :address="address"></detail-address>
    <detail-price :price="price"></detail-price>
    <detail-open-date-time :openDateTime="openDateTime"></detail-open-date-time>
    <detail-recom :recom="recom"></detail-recom>
    <detail-comment-keyword :commentKeyword="commentKeyword"></detail-comment-keyword>
  </div>
</template>

<script>
import DetailName from './Sub/Name';
import DetailStars from './Sub/Stars';
import DetailAddress from './Sub/Address';
import DetailPrice from './Sub/Price';
import DetailOpenDateTime from './Sub/OpenDateTime';
import DetailRecom from './Sub/Recom';
import DetailCommentKeyword from './Sub/CommentKeyword';

export default {
  name: "DetailFood",
  components: {
    DetailName,
    DetailStars,
    DetailAddress,
    DetailPrice,
    DetailOpenDateTime,
    DetailRecom,
    DetailCommentKeyword
  },
  props: {
    name: String,
    starNum: Number,
    score: String,
    address: String,
    price: Number,
    openDateTime: String,
    recom: String,
    commentKeyword: Array
  }
}
</script>

<style lang='scss' scoped>

</style>